<template>

<div id="app">
    <my-header></my-header>

    <my-checkbox />
    <div class="text">我是app里的</div>

    <my-main></my-main>
</div>
  
</template>

<script>
// 导入组件
import MyHeader from './components/MyHeader.vue'
// 在脚手架里如果省略.vue他也会自动找.vue后缀
import MyMain from './components/MyMain'

export default {
  // 注册组件
  components: {
    MyHeader,
    MyMain
  },
  data() {
    return {
      list: [
        { id: 11, name: '张三'},
        { id: 16, name: '李四'},
        { id: 64, name: '王五'},
      ]
    }
  },
}
</script>

<style>

</style>
